<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<base href="<%=basePath%>"/>
		<title>My JSP 'tab.jsp' starting page</title>
		<meta http-equiv="pragma" content="no-cache"/>
		<meta http-equiv="cache-control" content="no-cache"/>
		<meta http-equiv="expires" content="0"/>
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3"/>
		<meta http-equiv="description" content="This is my page"/>
		<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.STYLE1 {
	font-size: 12px
}

.STYLE3 {
	font-size: 12px;
	font-weight: bold;
}

.STYLE4 {
	color: #03515d;
	font-size: 12px;
}

-->
.boxBorder {
	border: 1px solid green;
}

#addlink {
	position: absolute;
	width: 400px;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	height: auto;
	z-index: 100;
	background-color: #fff;
	border: 1px #8FA4F5 solid;
	padding: 1px;
}

#addlink h2 {
	height: 25px;
	font-size: 14px;
	background-color: #7bc4d3;
	position: relative;
	padding-left: 10px;
	line-height: 25px;
	color: white;
}

#addlink h2 a {
	position: absolute;
	right: 5px;
	font-size: 12px;
	color: white;
}

#addlink .form {
	padding-left: 10px;
}

#addlinks {
	position: absolute;
	width: 400px;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	height: auto;
	z-index: 100;
	background-color: #fff;
	border: 1px #8FA4F5 solid;
	padding: 1px;
}

#addlinks h2 {
	height: 25px;
	font-size: 14px;
	background-color: #7bc4d3;
	position: relative;
	padding-left: 10px;
	line-height: 25px;
	color: white;
}

#addlinks h2 a {
	position: absolute;
	right: 5px;
	font-size: 12px;
	color: white;
}

#addlinks .form {
	padding-left: 10px;
}

#BgDiv {
	background-color: #e3e3e3;
	position: absolute;
	z-index: 99;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 1000px;
	opacity: 0.5;
	filter: alpha(opacity =     50);
	-moz-opacity: 0.5;
}

#addDiv {
	background-color: #e3e3e3;
	position: absolute;
	z-index: 99;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 1000px;
	opacity: 0.5;
	filter: alpha(opacity =     50);
	-moz-opacity: 0.5;
}
</style>
		<SCRIPT src="js/jquery.js" type="text/javascript"></SCRIPT>
		<SCRIPT src="js/color.js" type="text/javascript"></SCRIPT>
		<script type="text/javascript">
	function del(ryid){
	 if(confirm("确定要删除吗？")){
	 location="cook.do?method=delCook&cid="+ryid;
	 }
	}
	function closeMe(ooj){
			BgDiv.style.display="none";
			if(ooj == 1){
			BgDiv.style.display="none";
	 		$("#edit").css("display","none");
	 		}else{
	 		$("#addedit").css("display","none");
	 		addDiv.style.display="none";
	 		}
		}
		function showme(cid,cname){
			addlink.style.display="block";
			addlink.style.top="130px";
			addlink.style.left="350px";
			BgDiv.style.display="block";
			$("#edit").css("display","block");
			$("#ryId").val(cid);
	 		$("#cspname").val(cname);
		}
		function showaddme(){
			addlinks.style.display="block";
			addlinks.style.top="130px";
			addlinks.style.left="350px";
			addDiv.style.display="block";
			$("#addedit").css("display","block");		
		}
		function ckeckinfo(){
		if($("#addname").val() == ""){
		$("#addnametip").text("食谱名称不能为空！");
		return false;
		}else{
		$("#addnametip").text("");
		}
		return true;
		}	
		
		function checkAdd(){
		var cname = document.addform.cookname.value;
		var curl = document.addform.upsmallurl.value;		
		if(cname == ""){
		alert("食谱名称不能为空");
		return false;
		}
		if(curl == ""){
		alert("请选择食谱图片");
		return false;
		}		
		}	
</script>
	</head>
	<body>
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td height="30" background="backstage/tab/images//tab_05.gif">
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td width="12" height="30">
								<img src="backstage/tab/images//tab_03.gif" width="12"
									height="30" />
							</td>
							<td>
								<table width="100%" border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td width="46%" valign="middle">
											<table width="100%" border="0" cellspacing="0"
												cellpadding="0">
												<tr>
													<td width="5%">
														<div align="center">
															<img src="backstage/tab/images//tb.gif" width="16"
																height="16" />
														</div>
													</td>
													<td width="95%" class="STYLE1">
														<span class="STYLE3">你当前的位置</span>：[业务中心]-[健康日历]
													</td>
												</tr>
											</table>
										</td>
										<td width="54%">
											<table border="0" align="right" cellpadding="0"
												cellspacing="0">
												<tr>
													<td width="60">
														<table width="87%" border="0" cellpadding="0"
															cellspacing="0">
															<tr>
															</tr>
														</table>
													</td>
													<td width="60">
														<table width="90%" border="0" cellpadding="0"
															cellspacing="0">
															<tr>
																<td class="STYLE1">
																	<div align="center">
																		<img src="backstage/tab/images//22.gif" width="14"
																			height="14" />
																	</div>
																</td>
																<td class="STYLE1">
																	<div align="center">
																		<a onclick="showaddme()">新增</a>
																	</div>
																</td>
															</tr>
														</table>
													</td>
													<td width="60">
														<table width="90%" border="0" cellpadding="0"
															cellspacing="0">
															<tr>
															</tr>
														</table>
													</td>
													<td width="52">
														<table width="88%" border="0" cellpadding="0"
															cellspacing="0">
															<tr>
															</tr>
														</table>
													</td>
												</tr>
											</table>
										</td>
									</tr>
								</table>
							</td>
							<td width="16">
								<img src="backstage/tab/images//tab_07.gif" width="16"
									height="30" />
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td>
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td width="8" background="backstage/tab/images//tab_12.gif">
								&nbsp;
							</td>
							<td>
							<c:if test="${message != null}">
								<table width="100%">
									<tr style="background-color: #87CEFF">
										<td align="center" valign="center" height="30">
											<div>${message}</div>
										</td>
									</tr>
								</table>
							</c:if>
								<table width="100%" border="0" cellpadding="0" cellspacing="1"
									bgcolor="b5d6e6" onmouseover="changeto()"
									onmouseout="changeback()">
									<tr>
										<td width="10%" height="22"
											background="backstage/tab/images//bg.gif" bgcolor="#FFFFFF">
											<div align="center">
												<span class="STYLE1">食谱名称</span>
											</div>
										</td>
										<td width="10%" height="22"
											background="backstage/tab/images//bg.gif" bgcolor="#FFFFFF">
											<div align="center">
												<span class="STYLE1">食谱图片名称</span>
											</div>
										</td>
										<td width="15%" height="22"
											background="backstage/tab/images//bg.gif" bgcolor="#FFFFFF"
											class="STYLE1">
											<div align="center">
												基本操作
											</div>
										</td>
									</tr>
									<c:forEach items="${shipuList}" var="ry">
										<tr>
											<td height="20" bgcolor="#FFFFFF">

												<div align="center">
													<span class="STYLE1">${ry.cookname}</span>
												</div>
											</td>
											<td height="20" bgcolor="#FFFFFF">
												<div align="center">
													<span class="STYLE1">${ry.smallurl }</span>
												</div>
											</td>
											<td height="20" bgcolor="#FFFFFF">
												<div align="center">
													<span class="STYLE4"><img
															src="backstage/tab/images//edt.gif" width="16"
															height="16" />
															<a onclick="showme('${ry.cid }','${ry.cookname}')"><span style="cursor:pointer;">编辑</span></a>&nbsp;
														&nbsp; <img src="backstage/tab/images//del.gif" width="16"
															height="16" /><a onclick="del(${ry.cid })"><span style="cursor:pointer;">删除</span></a> </span>
												</div>
											</td>
										</tr>
									</c:forEach>
								</table>
							<td width="8"
								background="backstage/tab/backstage/tab/images///tab_15.gif">
								&nbsp;
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td height="35"
					background="backstage/tab/backstage/tab/images///tab_19.gif">
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td width="12" height="35">
								<img src="backstage/tab/images/tab_18.gif" width="12"
									height="35" />
							</td>
							<td>
								<table width="100%" border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td class="STYLE4">
											&nbsp;&nbsp;共有 ${rowCount} 条记录，当前第 ${current}/${pageCount} 页
										</td>
										<td>
										<form action="cook.do?method=showAllCook" method="post">
											<table border="0" align="right" cellpadding="0"
												cellspacing="0">
												<tr>
													<td width="40">
													<a href="cook.do?method=showAllCook&current=1">
														<img src="backstage/tab/images/first.gif" width="37" height="15" border="0"/>
														</a>
													</td>
													<td width="45">
													<a href="cook.do?method=showAllCook&current=${current-1}">
														<img src="backstage/tab/images/back.gif" width="43" height="15" border="0"/>
														</a>
													</td>
													<td width="45">
													<a href="cook.do?method=showAllCook&current=${current+1}">
														<img src="backstage/tab/images/next.gif" width="43" height="15" border="0"/>
														</a>
													</td>
													<td width="40">
													<a href="cook.do?method=showAllCook&current=${pageCount}">
														<img src="backstage/tab/images/last.gif" width="37" height="15" border="0"/>
														</a>
													</td>
													
													<td width="100">
														<div align="center">
															<span class="STYLE1">转到第 <input name="current"
																	type="text" size="4"
																	onkeypress="if ((event.keyCode<48 || event.keyCode>57)) {event.returnValue=false};
															if(this.value.length > 4){this.value = 10000}"
																	style="height: 12px; width: 20px; border: 1px solid #999999;" />
																页 </span>
														</div>
													</td>
													<td width="40">
														<img src="backstage/tab/images/go.gif" width="37" height="15" onclick="submit()"/>
													</td>
												</tr>
											</table>
											</form>
										</td>
									</tr>
								</table>
							</td>
							<td width="16">
								<img src="backstage/tab/images/tab_20.gif" width="16"
									height="35" />
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
		<div id="BgDiv"></div>
		<div id="edit" style="display: none">
			<div id="addlink"
				style="width: 423px; height: 200px; margin: 0px auto 0px; padding: 1px; border: 1px solid #a5b6c8; background-color: #eef3f7;">
				<h2 id="bianji">
					健康日历编辑
					<a href="javascript: closeMe(1)">关闭</a>
				</h2>
				<div class="form">
					<FORM METHOD=post ACTION="cook.do?method=editCook"
						enctype="multipart/form-data">
						<input type="hidden" id="ryId" name="cid" />
						&nbsp;&nbsp;&nbsp;&nbsp;食谱名称:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;
						&nbsp;
						<INPUT id="cspname" TYPE="text" class="boxBorder" NAME="cookname"
							size=20 id="addname" />
						<br />
						<div id="addnametip"
							style="color: red; display: inline; height: 30px"></div>

						<br />
						&nbsp;&nbsp;&nbsp;&nbsp;食谱图片:
						&nbsp;
						<INPUT TYPE="file" class="boxBorder" NAME="upsmallurl" size=20 />
						<br />
							<br />
						<center>
							<INPUT TYPE="submit" value="提&nbsp;交"
								onclick="return ckeckinfo()" />
						</center>
					</FORM>
				</div>
			</div>
		</div>
		<div id="addDiv"></div>
		<div id="addedit" style="display: none">
			<div id="addlinks"
				style="width: 423px; height: 200px; margin: 0px auto 0px; padding: 1px; border: 1px solid #a5b6c8; background-color: #eef3f7;">
				<h2 id="bianji">
					增加健康食谱
					<a href="javascript: closeMe(2)">关闭</a>
				</h2>
				<div class="form">
					<FORM METHOD=post onsubmit="return checkAdd()" ACTION="cook.do?method=addCook"
						name="addform" enctype="multipart/form-data">
						&nbsp;&nbsp;&nbsp;&nbsp;食谱名称:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;
						&nbsp;
						<INPUT id="cspname" TYPE="text" class="boxBorder" NAME="cookname"
							size=20 id="addname" />
						<br />
						<div id="addnametip"
							style="color: red; display: inline; height: 30px"></div>

						<br />
						&nbsp;&nbsp;&nbsp;&nbsp;食谱图片:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;
						&nbsp;
						<INPUT TYPE="file" class="boxBorder" NAME="upsmallurl" size=20
							id="b" />
							<br />
							<br />
						<center>
							<INPUT TYPE="submit" value="提&nbsp;交"
								onclick="return ckeckinfo()" />
						</center>
					</FORM>
				</div>
			</div>
	</body>
</html>
